.swipper {
  width: 100%;
  height: calc(100vh - 64px);
  display: flex;
  flex-flow: column;
  padding: 15px 10px;
  background: linear-gradient(131deg, #27282B 0%, #4E4B4B 46%, #1F1F20 100%);

  .content {
    .item {
      width: 60px;
      height: 60px;
      margin-bottom: 40px;
      text-align: center;
      cursor: pointer;
      font-size: 14px;
      font-family: SourceHanSansSC-Medium, SourceHanSansSC;
      font-weight: 500;
      // color: #FFFFFF;
      color: rgba(255, 255, 255, 0.4);
    }

    nz-avatar {
      opacity: 0.4;
    }

    .item:hover {
      // width: 60px;
      // height: 60px;
      // margin-bottom: 20px;
      // text-align: center;
      // cursor: pointer;
      // font-size: 14px;
      // font-family: SourceHanSansSC-Medium, SourceHanSansSC;
      // font-weight: 500;
      // color: #FFFFFF;
      cursor: pointer;
      color: #ffffff;
      opacity: 1;
    }

    .default {
      color: rgba(255, 255, 255, 0.4);

      .nav-img {
        opacity: 0.4;
      }
    }

    .active {
      //background: #1077e9;
      color: #ffffff;

      .nav-img {
        opacity: 1;
      }
    }
  }

}
